$(document).ready(function(){
	
	$('pageSelect').change(function(){
		$(this).closest('form').submit();
	});
	
	var manhom;
	//Khung dk
	$('#dk').dialog({
			resizable: false,
			height :600,
			width : 1000,
			modal:true,
			autoOpen: false,
			title:"Chi tiết môn thể thao",
			 show: {
			        effect: "Slide",
			        duration: 1000
			      },
			      hide: {
			        effect: "Slide",
			        duration: 1000
			      },
		});
	//Nút button DK môn thi Đơn
	$(document).on('click','#rdDKMonThi',function(e){
		e.preventDefault();
		var btn = $(this);
		var mamon=$(this).val();
		var url ="ajax_DKMonThi.php";
		var masv=$("#mssv").data('mssv1');
		param ={'mamon':mamon,'masv':masv};
		var img = "<img src='images/ajax_loading.gif' />"
		$.ajax({
			url : url,
			data: param,
			type: "POST",
			dataType: "HTML",
			error: function(){},
			beforeSend: function(){
				$(btn).hide();
				$(btn).after(img);
				$('#dk').html('<p></p>');					
			},
			complete:function(){
				$(btn).show();
				$(btn).next().remove();
			},
			success: function(data){
				$('#dk').find('p').html(data);
				$('#dk').dialog('open');
			}
		});
	});
//Nút button chuyển qua ajax môn thi đội
$(document).on('click','#rdDKMonThis',function(e){
		e.preventDefault();
		var btn = $(this);
		var mamon=$(this).val();
		var url ="ajax_DKMonThis.php";
		var masv=$("#mssv").data('mssv1');
		param ={'mamon':mamon,'masv':masv};
		var img = "<img src='images/ajax_loading.gif' />"
		$.ajax({
			url : url,
			data: param,
			type: "POST",
			dataType: "HTML",
			error: function(){},
			beforeSend: function(){
				$(btn).hide();
				$(btn).after(img);
				$('#dk').html('<p></p>');					
			},
			complete:function(){
				$(btn).show();
				$(btn).next().remove();
			},
			success: function(data){
				$('#dk').find('p').html(data);
				$('#dk').dialog('open');
			}
		});
	});

//Nút button đăng ký môn thi đội
$(document).on('click','#rdDKMonThid',function(e){
		e.preventDefault();
		var btn = $(this);
		var manhom=$(this).val();
		var url ="ajax_DKMonThid.php";
		var masv=$("#mssv").data('mssv1');
		param ={'manhom':manhom,'masv':masv};
		var img = "<img src='images/ajax_loading.gif' />"
		$.ajax({
			url : url,
			data: param,
			type: "POST",
			dataType: "HTML",
			error: function(){},
			beforeSend: function(){
				$(btn).hide();
				$(btn).after(img);
				$('#dk').html('<p></p>');					
			},
			complete:function(){
				$(btn).show();
				$(btn).next().remove();
			},
			success: function(data){
				$('#dk').find('p').html(data);
				$('#dk').dialog('open');
			}
		});
	});
//============Nút đăng ký môn thể thao đơn
$(document).on('click','#AddMonTheThao',function(e){
		e.preventDefault();
		var btn = $(this);
		var masv=$("#mssv").data('mssv1');
		var strMaNhom='';
		var url ="ajax_DKMonThi.php";
		$(".chk").each(function(){				 
				if($(this).is(":checked")){
					strMaNhom+= $(this).val() + ",";
				}				 
		});
		var sdtdk=$("#sdtdk").val();
		param ={'MaNhom':strMaNhom,'dk':true,'masv':masv,"AddMonTheThao":true,'sdtdk':sdtdk};
		var img = "<img src='images/ajax_loading.gif' />";
			$.ajax({
				url : url,
				data: param,
				type: "POST",
				dataType: "HTML",
				error: function(xhr,status,errmgs){
					$("#khungmonthi").html("<div class='error'>Có lỗi xảy ra: " + errmgs + "</div>");
				},
				beforeSend: function(){
					},
				success: function(data){
					$('#dk').dialog("close");
					reload();
					}
			});
	});
//==============Nút đăng ký môn thể thao đội
$(document).on('click','#AddMonTheThaoDoi',function(e){
		e.preventDefault();
		var btn = $(this);
		var masv=$("#mssv").data('mssv1');
		var strMaDoi='';
		var url ="ajax_DKMonThid.php";
		$(".chkd").each(function(){				 
				if($(this).is(":checked")){
					strMaDoi+= $(this).val() + ",";
				}				 
		});
		param ={'MADOI':strMaDoi,'dk':true,'masv':masv,"AddMonTheThaoDoi":true};
		var img = "<img src='images/ajax_loading.gif' />";
			$.ajax({
				url : url,
				data: param,
				type: "POST",
				dataType: "HTML",
				error: function(xhr,status,errmgs){
					$("#khungmonthi").html("<div class='error'>Có lỗi xảy ra: " + errmgs + "</div>");
				},
				beforeSend: function(){
					},
				success: function(data){
					$('#dk').dialog("close");
					reload();
					}
			});
	});
//Phần xóa thông tin
//Form Delete đơn
$('#del').dialog({
	resizable: false,
	height :300,
	width : 500,
	modal:true,
	autoOpen: false,
	title:"Xoá môn thể thao",
	 show: {
	        effect: "Slide",
	        duration: 1000
	      },
	      hide: {
	        effect: "Slide",
	        duration: 1000
	      },
	buttons:[
	         {
	         html: "<span class='glyphicon glyphicon-ok'>Xóa </span>",
	         click: function(){
	        	 
	         }
	         },
	         {
	        	 html: "<span class='glyphicon glyphicon-remove'>Hủy </span>",
	        	 click: function(){
	        		 $(this).dialog("close");
	        	 }
	         },
	         ]
	
});//Form Delete đội
$('#del').dialog({
	resizable: false,
	height :300,
	width : 500,
	modal:true,
	autoOpen: false,
	title:"Môn thể thao",
	 show: {
	        effect: "Slide",
	        duration: 1000
	      },
	      hide: {
	        effect: "Slide",
	        duration: 1000
	      },
	buttons:[
	         {
	         html: "<span class='glyphicon glyphicon-ok'>Xóa </span>",
	         click: function(){
				 xoamondon(this);
				 xoamondoi(this);
	         }
	         },
	         {
	        	 html: "<span class='glyphicon glyphicon-remove'>Hủy </span>",
	        	 click: function(){
	        		 $(this).dialog("close");
	        	 }
	         },
	         ]
	
});
//Hàm xóa môn thể thao đơn
	function xoamondon(btn){
		var url ="ajax_DKMonThi.php";
		var masv=$("#mssv").data('mssv1');
		param ={'masv':masv,'del':true,'manhom':manhom};	
		var img = "<img src='images/ajax_loading.gif' />"
		$.ajax({
			url : url,
			data: param,
			type: "POST",
			dataType: "HTML",
			error: function(){},
			beforeSend: function(){
				$(btn).hide();
				$(btn).after(img);
				$('#del').html('<p></p>');
				
			},
			complete:function(){
				$(btn).show();
				$(btn).next().remove();
			},
			success: function(data1){
				if(data1==1){
					$('#del').dialog("close");
					 reload();
					
				}else{
					$('#del').find('p').html(data1);
				}
			}
	});
	}
	
	//Hàm xóa môn thể thao đội
	function xoamondoi(btn){
		var url ="ajax_DKMonThid.php";
		var masv=$("#mssv").data('mssv1');
		param ={'masv':masv,'del':true,'madoi':madoi};	
		var img = "<img src='images/ajax_loading.gif' />"
		$.ajax({
			url : url,
			data: param,
			type: "POST",
			dataType: "HTML",
			error: function(){},
			beforeSend: function(){
				$(btn).hide();
				$(btn).after(img);
				$('#del').html('<p></p>');
				
			},
			complete:function(){
				$(btn).show();
				$(btn).next().remove();
			},
			success: function(data1){
				if(data1==1){
					$('#del').dialog("close");
					 reload();
					
				}else{
					$('#del').find('p').html(data1);
				}
			}
	});
	}
	//--Nút xóa môn thể thao đơn
	$(document).on('click','#btnxoanhom',function(e){
		e.preventDefault();
		 manhom=$(this).data('manhom');
		var tenmh=$(this).data('tenmh');
		var data ="<label class='alert alert-danger'>Bạn có chắc muốn xóa "+tenmh+" này?</label>"
		$('#del').find('p').html(data);
		$('#del').dialog('open');
	});
		//--Nút xóa môn thể thao đội
		$(document).on('click','#btnxoadoi',function(e){
		e.preventDefault();
		 madoi=$(this).data('madoi');
		var tendoi=$(this).data('tendoi');
		var data ="<label class='alert alert-danger'>Bạn có chắc muốn xóa "+tendoi+" này ?</label>"
		$('#del').find('p').html(data);
		$('#del').dialog('open');
	});
	
	//Hàm Load
function reload(){
	var tabs = $( "#tabs" ).tabs();
	var url="dangkymonthi.php";
	var masv=$("#mssv").data('mssv1');
	var login=true;
	var load=true;
	var param = {'masv':masv,'login':login,'load':load};
	var img = "<img src='images/ajax_loading.gif' />"
	$.ajax({
		url:url,
		data: param,
		type: "POST",
		dataType: "HTML",
		error: function(){},
		beforeSend: function(){			 
			$('#tabs-3').html('');
			$('#tabs-3').html(img);
		},
		complete: function(){
			 
		},
		success: function(data){
			if (data){
				$('#tabs-3').html('');
				$('#tabs-3').html(data);
				$('#dk').html('<p></p>');
				$('#dk').html(data);
			}
			else{
				$('#tabs-3').html('');
				var info = "<div class='alert alert-warning'>Lỗi!.</div>";
				$('#tabs-3').html(info);
			}	
		}
	});
	 tabs.tabs( "load" );
	}
});
